
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 13:56:53 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="MrPowerGamerBR">
        <span class="simulation-information-label">Description: </span>
        <span>MrPowerGamerBR</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68407</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692799014000,3],[1692799015000,2],[1692799016000,2],[1692799017000,2],[1692799018000,2],[1692799019000,2],[1692799020000,2],[1692799021000,2],[1692799022000,2],[1692799023000,2],[1692799024000,2],[1692799025000,2],[1692799026000,2],[1692799027000,2],[1692799028000,2],[1692799029000,2],[1692799030000,2],[1692799031000,2],[1692799032000,2],[1692799033000,2],[1692799034000,2],[1692799035000,2],[1692799036000,2],[1692799037000,2],[1692799038000,2],[1692799039000,6],[1692799040000,6],[1692799041000,6],[1692799042000,7],[1692799043000,7],[1692799044000,7],[1692799045000,7],[1692799046000,8],[1692799047000,7],[1692799048000,8],[1692799049000,8],[1692799050000,8],[1692799051000,8],[1692799052000,9],[1692799053000,9],[1692799054000,9],[1692799055000,9],[1692799056000,9],[1692799057000,10],[1692799058000,9],[1692799059000,10],[1692799060000,10],[1692799061000,10],[1692799062000,11],[1692799063000,11],[1692799064000,10],[1692799065000,11],[1692799066000,12],[1692799067000,11],[1692799068000,12],[1692799069000,11],[1692799070000,12],[1692799071000,12],[1692799072000,13],[1692799073000,12],[1692799074000,13],[1692799075000,13],[1692799076000,13],[1692799077000,13],[1692799078000,14],[1692799079000,13],[1692799080000,14],[1692799081000,14],[1692799082000,14],[1692799083000,15],[1692799084000,14],[1692799085000,15],[1692799086000,15],[1692799087000,15],[1692799088000,16],[1692799089000,15],[1692799090000,16],[1692799091000,16],[1692799092000,16],[1692799093000,16],[1692799094000,17],[1692799095000,16],[1692799096000,17],[1692799097000,17],[1692799098000,18],[1692799099000,17],[1692799100000,18],[1692799101000,17],[1692799102000,18],[1692799103000,19],[1692799104000,18],[1692799105000,18],[1692799106000,19],[1692799107000,19],[1692799108000,19],[1692799109000,20],[1692799110000,19],[1692799111000,20],[1692799112000,20],[1692799113000,20],[1692799114000,20],[1692799115000,20],[1692799116000,21],[1692799117000,21],[1692799118000,21],[1692799119000,21],[1692799120000,22],[1692799121000,21],[1692799122000,22],[1692799123000,22],[1692799124000,22],[1692799125000,23],[1692799126000,23],[1692799127000,23],[1692799128000,23],[1692799129000,23],[1692799130000,22],[1692799131000,24],[1692799132000,24],[1692799133000,24],[1692799134000,24],[1692799135000,24],[1692799136000,25],[1692799137000,24],[1692799138000,25],[1692799139000,25],[1692799140000,25],[1692799141000,25],[1692799142000,26],[1692799143000,26],[1692799144000,26],[1692799145000,26],[1692799146000,26],[1692799147000,27],[1692799148000,26],[1692799149000,27],[1692799150000,27],[1692799151000,27],[1692799152000,28],[1692799153000,28],[1692799154000,27],[1692799155000,28],[1692799156000,29],[1692799157000,28],[1692799158000,29],[1692799159000,28],[1692799160000,29],[1692799161000,29],[1692799162000,30],[1692799163000,29],[1692799164000,30],[1692799165000,30],[1692799166000,30],[1692799167000,30],[1692799168000,31],[1692799169000,30],[1692799170000,31],[1692799171000,31],[1692799172000,31],[1692799173000,32],[1692799174000,31],[1692799175000,32],[1692799176000,32],[1692799177000,32],[1692799178000,33],[1692799179000,32],[1692799180000,33],[1692799181000,33],[1692799182000,33],[1692799183000,33],[1692799184000,34],[1692799185000,33],[1692799186000,34],[1692799187000,34],[1692799188000,35],[1692799189000,34],[1692799190000,35],[1692799191000,34],[1692799192000,35],[1692799193000,36],[1692799194000,35],[1692799195000,35],[1692799196000,36],[1692799197000,36],[1692799198000,36],[1692799199000,37],[1692799200000,36],[1692799201000,37],[1692799202000,37],[1692799203000,37],[1692799204000,37],[1692799205000,37],[1692799206000,38],[1692799207000,38],[1692799208000,38],[1692799209000,38],[1692799210000,39],[1692799211000,38],[1692799212000,39],[1692799213000,39],[1692799214000,39],[1692799215000,39],[1692799216000,40],[1692799217000,40],[1692799218000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692799014000,3],[1692799015000,2],[1692799016000,2],[1692799017000,2],[1692799018000,2],[1692799019000,2],[1692799020000,2],[1692799021000,2],[1692799022000,2],[1692799023000,2],[1692799024000,2],[1692799025000,2],[1692799026000,2],[1692799027000,2],[1692799028000,2],[1692799029000,2],[1692799030000,2],[1692799031000,2],[1692799032000,2],[1692799033000,2],[1692799034000,2],[1692799035000,2],[1692799036000,2],[1692799037000,2],[1692799038000,2],[1692799039000,6],[1692799040000,7],[1692799041000,7],[1692799042000,8],[1692799043000,8],[1692799044000,9],[1692799045000,9],[1692799046000,10],[1692799047000,11],[1692799048000,11],[1692799049000,11],[1692799050000,12],[1692799051000,13],[1692799052000,13],[1692799053000,13],[1692799054000,14],[1692799055000,15],[1692799056000,15],[1692799057000,16],[1692799058000,16],[1692799059000,17],[1692799060000,17],[1692799061000,18],[1692799062000,18],[1692799063000,19],[1692799064000,19],[1692799065000,20],[1692799066000,20],[1692799067000,21],[1692799068000,22],[1692799069000,22],[1692799070000,23],[1692799071000,23],[1692799072000,23],[1692799073000,24],[1692799074000,25],[1692799075000,25],[1692799076000,26],[1692799077000,26],[1692799078000,26],[1692799079000,27],[1692799080000,28],[1692799081000,28],[1692799082000,29],[1692799083000,29],[1692799084000,30],[1692799085000,30],[1692799086000,31],[1692799087000,31],[1692799088000,32],[1692799089000,33],[1692799090000,33],[1692799091000,33],[1692799092000,34],[1692799093000,34],[1692799094000,35],[1692799095000,36],[1692799096000,36],[1692799097000,36],[1692799098000,38],[1692799099000,37],[1692799100000,38],[1692799101000,39],[1692799102000,39],[1692799103000,40],[1692799104000,40],[1692799105000,41],[1692799106000,41],[1692799107000,42],[1692799108000,42],[1692799109000,43],[1692799110000,43],[1692799111000,44],[1692799112000,45],[1692799113000,46],[1692799114000,46],[1692799115000,46],[1692799116000,46],[1692799117000,47],[1692799118000,48],[1692799119000,48],[1692799120000,48],[1692799121000,49],[1692799122000,50],[1692799123000,50],[1692799124000,51],[1692799125000,51],[1692799126000,52],[1692799127000,52],[1692799128000,53],[1692799129000,53],[1692799130000,54],[1692799131000,54],[1692799132000,55],[1692799133000,55],[1692799134000,56],[1692799135000,56],[1692799136000,57],[1692799137000,58],[1692799138000,58],[1692799139000,58],[1692799140000,59],[1692799141000,60],[1692799142000,60],[1692799143000,60],[1692799144000,61],[1692799145000,62],[1692799146000,62],[1692799147000,63],[1692799148000,63],[1692799149000,64],[1692799150000,64],[1692799151000,65],[1692799152000,65],[1692799153000,66],[1692799154000,67],[1692799155000,67],[1692799156000,67],[1692799157000,69],[1692799158000,69],[1692799159000,68],[1692799160000,70],[1692799161000,70],[1692799162000,70],[1692799163000,71],[1692799164000,72],[1692799165000,72],[1692799166000,73],[1692799167000,73],[1692799168000,73],[1692799169000,74],[1692799170000,75],[1692799171000,75],[1692799172000,76],[1692799173000,76],[1692799174000,77],[1692799175000,77],[1692799176000,78],[1692799177000,78],[1692799178000,79],[1692799179000,80],[1692799180000,80],[1692799181000,80],[1692799182000,81],[1692799183000,81],[1692799184000,82],[1692799185000,83],[1692799186000,83],[1692799187000,83],[1692799188000,85],[1692799189000,84],[1692799190000,85],[1692799191000,86],[1692799192000,86],[1692799193000,87],[1692799194000,87],[1692799195000,88],[1692799196000,89],[1692799197000,90],[1692799198000,89],[1692799199000,90],[1692799200000,91],[1692799201000,91],[1692799202000,91],[1692799203000,92],[1692799204000,93],[1692799205000,93],[1692799206000,93],[1692799207000,94],[1692799208000,95],[1692799209000,95],[1692799210000,95],[1692799211000,96],[1692799212000,97],[1692799213000,97],[1692799214000,98],[1692799215000,98],[1692799216000,99],[1692799217000,99],[1692799218000,95]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692799014000,3],[1692799015000,2],[1692799016000,2],[1692799017000,2],[1692799018000,2],[1692799019000,2],[1692799020000,2],[1692799021000,2],[1692799022000,2],[1692799023000,1],[1692799024000,1],[1692799025000,4],[1692799026000,8],[1692799027000,3],[1692799028000,6],[1692799029000,3],[1692799030000,7],[1692799031000,7],[1692799032000,6],[1692799033000,3],[1692799034000,0],[1692799035000,5],[1692799036000,2],[1692799037000,6],[1692799038000,8],[1692799039000,7],[1692799040000,11],[1692799041000,14],[1692799042000,18],[1692799043000,22],[1692799044000,25],[1692799045000,28],[1692799046000,32],[1692799047000,34],[1692799048000,39],[1692799049000,40],[1692799050000,45],[1692799051000,48],[1692799052000,52],[1692799053000,55],[1692799054000,58],[1692799055000,60],[1692799056000,65],[1692799057000,68],[1692799058000,73],[1692799059000,75],[1692799060000,78],[1692799061000,81],[1692799062000,84],[1692799063000,89],[1692799064000,91],[1692799065000,95],[1692799066000,98],[1692799067000,102],[1692799068000,105],[1692799069000,107],[1692799070000,111],[1692799071000,115],[1692799072000,121],[1692799073000,124],[1692799074000,125],[1692799075000,129],[1692799076000,132],[1692799077000,135],[1692799078000,138],[1692799079000,142],[1692799080000,146],[1692799081000,149],[1692799082000,151],[1692799083000,154],[1692799084000,160],[1692799085000,162],[1692799086000,164],[1692799087000,170],[1692799088000,174],[1692799089000,175],[1692799090000,179],[1692799091000,184],[1692799092000,186],[1692799093000,188],[1692799094000,192],[1692799095000,194],[1692799096000,198],[1692799097000,200],[1692799098000,207],[1692799099000,209],[1692799100000,211],[1692799101000,216],[1692799102000,219],[1692799103000,222],[1692799104000,225],[1692799105000,229],[1692799106000,233],[1692799107000,236],[1692799108000,241],[1692799109000,241],[1692799110000,247],[1692799111000,249],[1692799112000,254],[1692799113000,257],[1692799114000,260],[1692799115000,262],[1692799116000,266],[1692799117000,269],[1692799118000,274],[1692799119000,275],[1692799120000,280],[1692799121000,283],[1692799122000,286],[1692799123000,290],[1692799124000,293],[1692799125000,294],[1692799126000,301],[1692799127000,303],[1692799128000,306],[1692799129000,310],[1692799130000,310],[1692799131000,316],[1692799132000,318],[1692799133000,323],[1692799134000,326],[1692799135000,329],[1692799136000,332],[1692799137000,336],[1692799138000,339],[1692799139000,345],[1692799140000,344],[1692799141000,351],[1692799142000,353],[1692799143000,352],[1692799144000,361],[1692799145000,361],[1692799146000,368],[1692799147000,370],[1692799148000,374],[1692799149000,377],[1692799150000,380],[1692799151000,381],[1692799152000,388],[1692799153000,391],[1692799154000,394],[1692799155000,394],[1692799156000,399],[1692799157000,402],[1692799158000,408],[1692799159000,409],[1692799160000,416],[1692799161000,417],[1692799162000,420],[1692799163000,424],[1692799164000,425],[1692799165000,429],[1692799166000,437],[1692799167000,438],[1692799168000,442],[1692799169000,445],[1692799170000,447],[1692799171000,451],[1692799172000,454],[1692799173000,455],[1692799174000,461],[1692799175000,463],[1692799176000,467],[1692799177000,470],[1692799178000,473],[1692799179000,477],[1692799180000,481],[1692799181000,483],[1692799182000,488],[1692799183000,491],[1692799184000,493],[1692799185000,495],[1692799186000,501],[1692799187000,505],[1692799188000,509],[1692799189000,510],[1692799190000,512],[1692799191000,518],[1692799192000,520],[1692799193000,523],[1692799194000,526],[1692799195000,529],[1692799196000,533],[1692799197000,538],[1692799198000,541],[1692799199000,541],[1692799200000,550],[1692799201000,552],[1692799202000,553],[1692799203000,561],[1692799204000,560],[1692799205000,564],[1692799206000,567],[1692799207000,570],[1692799208000,574],[1692799209000,577],[1692799210000,583],[1692799211000,584],[1692799212000,591],[1692799213000,590],[1692799214000,592],[1692799215000,598],[1692799216000,601],[1692799217000,605],[1692799218000,580]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '7', '9', '10', '25'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  83.04,16.8,0.08,0.02,0.02,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692799014,null],[1692799015,null],[1692799016,null],[1692799017,null],[1692799018,null],[1692799019,null],[1692799020,null],[1692799021,null],[1692799022,null],[1692799023,null],[1692799024,null],[1692799025,null],[1692799026,null],[1692799027,null],[1692799028,null],[1692799029,null],[1692799030,null],[1692799031,null],[1692799032,null],[1692799033,null],[1692799034,null],[1692799035,null],[1692799036,null],[1692799037,null],[1692799038,null],[1692799039,null],[1692799040,null],[1692799041,null],[1692799042,null],[1692799043,null],[1692799044,null],[1692799045,null],[1692799046,null],[1692799047,null],[1692799048,null],[1692799049,null],[1692799050,null],[1692799051,null],[1692799052,null],[1692799053,null],[1692799054,null],[1692799055,null],[1692799056,null],[1692799057,null],[1692799058,null],[1692799059,null],[1692799060,null],[1692799061,null],[1692799062,null],[1692799063,null],[1692799064,null],[1692799065,null],[1692799066,null],[1692799067,null],[1692799068,null],[1692799069,null],[1692799070,null],[1692799071,null],[1692799072,null],[1692799073,null],[1692799074,null],[1692799075,null],[1692799076,null],[1692799077,null],[1692799078,null],[1692799079,null],[1692799080,null],[1692799081,null],[1692799082,null],[1692799083,null],[1692799084,null],[1692799085,null],[1692799086,null],[1692799087,null],[1692799088,null],[1692799089,null],[1692799090,null],[1692799091,null],[1692799092,null],[1692799093,null],[1692799094,null],[1692799095,null],[1692799096,null],[1692799097,null],[1692799098,null],[1692799099,null],[1692799100,null],[1692799101,null],[1692799102,null],[1692799103,null],[1692799104,null],[1692799105,null],[1692799106,null],[1692799107,null],[1692799108,null],[1692799109,null],[1692799110,null],[1692799111,null],[1692799112,null],[1692799113,null],[1692799114,null],[1692799115,null],[1692799116,null],[1692799117,null],[1692799118,null],[1692799119,null],[1692799120,null],[1692799121,null],[1692799122,null],[1692799123,null],[1692799124,null],[1692799125,null],[1692799126,null],[1692799127,null],[1692799128,null],[1692799129,null],[1692799130,null],[1692799131,null],[1692799132,null],[1692799133,null],[1692799134,null],[1692799135,null],[1692799136,null],[1692799137,null],[1692799138,null],[1692799139,null],[1692799140,null],[1692799141,null],[1692799142,null],[1692799143,null],[1692799144,null],[1692799145,null],[1692799146,null],[1692799147,null],[1692799148,null],[1692799149,null],[1692799150,null],[1692799151,null],[1692799152,null],[1692799153,null],[1692799154,null],[1692799155,null],[1692799156,null],[1692799157,null],[1692799158,null],[1692799159,null],[1692799160,null],[1692799161,null],[1692799162,null],[1692799163,null],[1692799164,null],[1692799165,null],[1692799166,null],[1692799167,null],[1692799168,null],[1692799169,null],[1692799170,null],[1692799171,null],[1692799172,null],[1692799173,null],[1692799174,null],[1692799175,null],[1692799176,null],[1692799177,null],[1692799178,null],[1692799179,null],[1692799180,null],[1692799181,null],[1692799182,null],[1692799183,null],[1692799184,null],[1692799185,null],[1692799186,null],[1692799187,null],[1692799188,null],[1692799189,null],[1692799190,null],[1692799191,null],[1692799192,null],[1692799193,null],[1692799194,null],[1692799195,null],[1692799196,null],[1692799197,null],[1692799198,null],[1692799199,null],[1692799200,null],[1692799201,null],[1692799202,null],[1692799203,null],[1692799204,null],[1692799205,null],[1692799206,null],[1692799207,null],[1692799208,null],[1692799209,null],[1692799210,null],[1692799211,null],[1692799212,null],[1692799213,null],[1692799214,null],[1692799215,null],[1692799216,null],[1692799217,null],[1692799218,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692799014,[6,0,6]],[1692799015,[6,0,6]],[1692799016,[6,0,6]],[1692799017,[6,0,6]],[1692799018,[6,0,6]],[1692799019,[6,0,6]],[1692799020,[6,0,6]],[1692799021,[6,0,6]],[1692799022,[6,0,6]],[1692799023,[6,0,6]],[1692799024,[5,0,5]],[1692799025,[6,0,6]],[1692799026,[8,0,8]],[1692799027,[13,0,13]],[1692799028,[6,0,6]],[1692799029,[10,0,10]],[1692799030,[11,0,11]],[1692799031,[10,0,10]],[1692799032,[8,0,8]],[1692799033,[9,0,9]],[1692799034,[5,0,5]],[1692799035,[7,0,7]],[1692799036,[8,0,8]],[1692799037,[8,0,8]],[1692799038,[9,0,9]],[1692799039,[16,0,16]],[1692799040,[21,0,21]],[1692799041,[26,0,26]],[1692799042,[30,0,30]],[1692799043,[35,0,35]],[1692799044,[38,0,38]],[1692799045,[41,0,41]],[1692799046,[47,0,47]],[1692799047,[50,0,50]],[1692799048,[55,0,55]],[1692799049,[58,0,58]],[1692799050,[62,0,62]],[1692799051,[67,0,67]],[1692799052,[70,0,70]],[1692799053,[75,0,75]],[1692799054,[77,0,77]],[1692799055,[83,0,83]],[1692799056,[86,0,86]],[1692799057,[91,0,91]],[1692799058,[94,0,94]],[1692799059,[99,0,99]],[1692799060,[102,0,102]],[1692799061,[106,0,106]],[1692799062,[110,0,110]],[1692799063,[116,0,116]],[1692799064,[118,0,118]],[1692799065,[121,0,121]],[1692799066,[127,0,127]],[1692799067,[131,0,131]],[1692799068,[135,0,135]],[1692799069,[138,0,138]],[1692799070,[142,0,142]],[1692799071,[147,0,147]],[1692799072,[151,0,151]],[1692799073,[155,0,155]],[1692799074,[158,0,158]],[1692799075,[163,0,163]],[1692799076,[167,0,167]],[1692799077,[171,0,171]],[1692799078,[174,0,174]],[1692799079,[178,0,178]],[1692799080,[182,0,182]],[1692799081,[187,0,187]],[1692799082,[190,0,190]],[1692799083,[196,0,196]],[1692799084,[198,0,198]],[1692799085,[203,0,203]],[1692799086,[206,0,206]],[1692799087,[211,0,211]],[1692799088,[215,0,215]],[1692799089,[219,0,219]],[1692799090,[222,0,222]],[1692799091,[227,0,227]],[1692799092,[231,0,231]],[1692799093,[235,0,235]],[1692799094,[239,0,239]],[1692799095,[242,0,242]],[1692799096,[247,0,247]],[1692799097,[251,0,251]],[1692799098,[255,0,255]],[1692799099,[260,0,260]],[1692799100,[261,0,261]],[1692799101,[268,0,268]],[1692799102,[270,0,270]],[1692799103,[276,0,276]],[1692799104,[278,0,278]],[1692799105,[283,0,283]],[1692799106,[287,0,287]],[1692799107,[291,0,291]],[1692799108,[295,0,295]],[1692799109,[299,0,299]],[1692799110,[303,0,303]],[1692799111,[306,0,306]],[1692799112,[311,0,311]],[1692799113,[316,0,316]],[1692799114,[319,0,319]],[1692799115,[323,0,323]],[1692799116,[326,0,326]],[1692799117,[331,0,331]],[1692799118,[337,0,337]],[1692799119,[337,0,337]],[1692799120,[344,0,344]],[1692799121,[346,0,346]],[1692799122,[352,0,352]],[1692799123,[355,0,355]],[1692799124,[359,0,359]],[1692799125,[363,0,363]],[1692799126,[368,0,368]],[1692799127,[372,0,372]],[1692799128,[375,0,375]],[1692799129,[379,0,379]],[1692799130,[383,0,383]],[1692799131,[387,0,387]],[1692799132,[391,0,391]],[1692799133,[395,0,395]],[1692799134,[400,0,400]],[1692799135,[402,0,402]],[1692799136,[407,0,407]],[1692799137,[413,0,413]],[1692799138,[415,0,415]],[1692799139,[419,0,419]],[1692799140,[423,0,423]],[1692799141,[426,0,426]],[1692799142,[433,0,433]],[1692799143,[435,0,435]],[1692799144,[440,0,440]],[1692799145,[443,0,443]],[1692799146,[447,0,447]],[1692799147,[452,0,452]],[1692799148,[455,0,455]],[1692799149,[458,0,458]],[1692799150,[464,0,464]],[1692799151,[467,0,467]],[1692799152,[472,0,472]],[1692799153,[476,0,476]],[1692799154,[479,0,479]],[1692799155,[484,0,484]],[1692799156,[486,0,486]],[1692799157,[492,0,492]],[1692799158,[497,0,497]],[1692799159,[499,0,499]],[1692799160,[503,0,503]],[1692799161,[507,0,507]],[1692799162,[512,0,512]],[1692799163,[515,0,515]],[1692799164,[521,0,521]],[1692799165,[524,0,524]],[1692799166,[526,0,526]],[1692799167,[532,0,532]],[1692799168,[535,0,535]],[1692799169,[539,0,539]],[1692799170,[544,0,544]],[1692799171,[547,0,547]],[1692799172,[553,0,553]],[1692799173,[556,0,556]],[1692799174,[559,0,559]],[1692799175,[564,0,564]],[1692799176,[568,0,568]],[1692799177,[571,0,571]],[1692799178,[576,0,576]],[1692799179,[581,0,581]],[1692799180,[582,0,582]],[1692799181,[588,0,588]],[1692799182,[592,0,592]],[1692799183,[596,0,596]],[1692799184,[600,0,600]],[1692799185,[604,0,604]],[1692799186,[608,0,608]],[1692799187,[611,0,611]],[1692799188,[617,0,617]],[1692799189,[619,0,619]],[1692799190,[625,0,625]],[1692799191,[626,0,626]],[1692799192,[633,0,633]],[1692799193,[636,0,636]],[1692799194,[641,0,641]],[1692799195,[642,0,642]],[1692799196,[648,0,648]],[1692799197,[652,0,652]],[1692799198,[656,0,656]],[1692799199,[660,0,660]],[1692799200,[663,0,663]],[1692799201,[669,0,669]],[1692799202,[672,0,672]],[1692799203,[676,0,676]],[1692799204,[681,0,681]],[1692799205,[683,0,683]],[1692799206,[688,0,688]],[1692799207,[692,0,692]],[1692799208,[696,0,696]],[1692799209,[700,0,700]],[1692799210,[704,0,704]],[1692799211,[708,0,708]],[1692799212,[712,0,712]],[1692799213,[717,0,717]],[1692799214,[721,0,721]],[1692799215,[723,0,723]],[1692799216,[727,0,727]],[1692799217,[733,0,733]],[1692799218,[1073,0,1073]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692799014,[6,0,6]],[1692799015,[6,0,6]],[1692799016,[6,0,6]],[1692799017,[6,0,6]],[1692799018,[6,0,6]],[1692799019,[6,0,6]],[1692799020,[6,0,6]],[1692799021,[6,0,6]],[1692799022,[6,0,6]],[1692799023,[6,0,6]],[1692799024,[5,0,5]],[1692799025,[6,0,6]],[1692799026,[8,0,8]],[1692799027,[13,0,13]],[1692799028,[6,0,6]],[1692799029,[10,0,10]],[1692799030,[11,0,11]],[1692799031,[9,0,9]],[1692799032,[9,0,9]],[1692799033,[9,0,9]],[1692799034,[5,0,5]],[1692799035,[7,0,7]],[1692799036,[8,0,8]],[1692799037,[8,0,8]],[1692799038,[9,0,9]],[1692799039,[16,0,16]],[1692799040,[21,0,21]],[1692799041,[26,0,26]],[1692799042,[30,0,30]],[1692799043,[35,0,35]],[1692799044,[38,0,38]],[1692799045,[41,0,41]],[1692799046,[47,0,47]],[1692799047,[50,0,50]],[1692799048,[55,0,55]],[1692799049,[58,0,58]],[1692799050,[62,0,62]],[1692799051,[67,0,67]],[1692799052,[70,0,70]],[1692799053,[75,0,75]],[1692799054,[77,0,77]],[1692799055,[83,0,83]],[1692799056,[86,0,86]],[1692799057,[91,0,91]],[1692799058,[94,0,94]],[1692799059,[99,0,99]],[1692799060,[102,0,102]],[1692799061,[106,0,106]],[1692799062,[110,0,110]],[1692799063,[116,0,116]],[1692799064,[118,0,118]],[1692799065,[121,0,121]],[1692799066,[127,0,127]],[1692799067,[131,0,131]],[1692799068,[135,0,135]],[1692799069,[138,0,138]],[1692799070,[142,0,142]],[1692799071,[147,0,147]],[1692799072,[151,0,151]],[1692799073,[155,0,155]],[1692799074,[158,0,158]],[1692799075,[163,0,163]],[1692799076,[167,0,167]],[1692799077,[171,0,171]],[1692799078,[174,0,174]],[1692799079,[178,0,178]],[1692799080,[182,0,182]],[1692799081,[187,0,187]],[1692799082,[190,0,190]],[1692799083,[196,0,196]],[1692799084,[198,0,198]],[1692799085,[203,0,203]],[1692799086,[206,0,206]],[1692799087,[211,0,211]],[1692799088,[215,0,215]],[1692799089,[219,0,219]],[1692799090,[222,0,222]],[1692799091,[227,0,227]],[1692799092,[231,0,231]],[1692799093,[235,0,235]],[1692799094,[239,0,239]],[1692799095,[242,0,242]],[1692799096,[247,0,247]],[1692799097,[251,0,251]],[1692799098,[255,0,255]],[1692799099,[260,0,260]],[1692799100,[261,0,261]],[1692799101,[268,0,268]],[1692799102,[270,0,270]],[1692799103,[275,0,275]],[1692799104,[279,0,279]],[1692799105,[283,0,283]],[1692799106,[287,0,287]],[1692799107,[291,0,291]],[1692799108,[295,0,295]],[1692799109,[299,0,299]],[1692799110,[303,0,303]],[1692799111,[306,0,306]],[1692799112,[311,0,311]],[1692799113,[316,0,316]],[1692799114,[319,0,319]],[1692799115,[323,0,323]],[1692799116,[326,0,326]],[1692799117,[331,0,331]],[1692799118,[337,0,337]],[1692799119,[337,0,337]],[1692799120,[344,0,344]],[1692799121,[346,0,346]],[1692799122,[352,0,352]],[1692799123,[355,0,355]],[1692799124,[359,0,359]],[1692799125,[363,0,363]],[1692799126,[368,0,368]],[1692799127,[372,0,372]],[1692799128,[375,0,375]],[1692799129,[379,0,379]],[1692799130,[383,0,383]],[1692799131,[387,0,387]],[1692799132,[391,0,391]],[1692799133,[395,0,395]],[1692799134,[400,0,400]],[1692799135,[402,0,402]],[1692799136,[407,0,407]],[1692799137,[413,0,413]],[1692799138,[415,0,415]],[1692799139,[419,0,419]],[1692799140,[423,0,423]],[1692799141,[426,0,426]],[1692799142,[433,0,433]],[1692799143,[435,0,435]],[1692799144,[440,0,440]],[1692799145,[443,0,443]],[1692799146,[447,0,447]],[1692799147,[451,0,451]],[1692799148,[456,0,456]],[1692799149,[458,0,458]],[1692799150,[464,0,464]],[1692799151,[467,0,467]],[1692799152,[472,0,472]],[1692799153,[476,0,476]],[1692799154,[479,0,479]],[1692799155,[484,0,484]],[1692799156,[486,0,486]],[1692799157,[492,0,492]],[1692799158,[497,0,497]],[1692799159,[499,0,499]],[1692799160,[503,0,503]],[1692799161,[507,0,507]],[1692799162,[512,0,512]],[1692799163,[515,0,515]],[1692799164,[521,0,521]],[1692799165,[524,0,524]],[1692799166,[526,0,526]],[1692799167,[532,0,532]],[1692799168,[535,0,535]],[1692799169,[539,0,539]],[1692799170,[544,0,544]],[1692799171,[547,0,547]],[1692799172,[553,0,553]],[1692799173,[556,0,556]],[1692799174,[558,0,558]],[1692799175,[565,0,565]],[1692799176,[568,0,568]],[1692799177,[571,0,571]],[1692799178,[576,0,576]],[1692799179,[581,0,581]],[1692799180,[582,0,582]],[1692799181,[588,0,588]],[1692799182,[592,0,592]],[1692799183,[595,0,595]],[1692799184,[601,0,601]],[1692799185,[603,0,603]],[1692799186,[609,0,609]],[1692799187,[611,0,611]],[1692799188,[617,0,617]],[1692799189,[619,0,619]],[1692799190,[625,0,625]],[1692799191,[626,0,626]],[1692799192,[633,0,633]],[1692799193,[636,0,636]],[1692799194,[640,0,640]],[1692799195,[643,0,643]],[1692799196,[648,0,648]],[1692799197,[652,0,652]],[1692799198,[656,0,656]],[1692799199,[660,0,660]],[1692799200,[663,0,663]],[1692799201,[669,0,669]],[1692799202,[672,0,672]],[1692799203,[676,0,676]],[1692799204,[680,0,680]],[1692799205,[684,0,684]],[1692799206,[688,0,688]],[1692799207,[692,0,692]],[1692799208,[696,0,696]],[1692799209,[700,0,700]],[1692799210,[704,0,704]],[1692799211,[708,0,708]],[1692799212,[712,0,712]],[1692799213,[717,0,717]],[1692799214,[721,0,721]],[1692799215,[723,0,723]],[1692799216,[727,0,727]],[1692799217,[733,0,733]],[1692799218,[1073,0,1073]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68407.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
